<?php slot('header')?>
<style type="text/css">
<!--
.big-banner{
  height: 560px;
  overflow: hidden;
  position: relative;
}
.big-banner .content{
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  /*background: rgba(0, 0, 0, 0.3);*/
  padding: 20px;
  margin: -10px 0px 0px 0px;
  color:#333;
  height: 130px;
  overflow: hidden;
}
.big-banner .content h1,
.big-banner .content h2,
.big-banner .content h3{
  margin: 5px 0px;
}
.big-banner .content h1{
  padding: 10px 0px;
  margin: 0px;
  font-size: 24px;
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap;
	overflow: hidden;
  color:#00f;
}
.big-banner .content a{
	color:#fff;
}
.big-banner .content a:hover{
	color:#ff0;
}
.big-banner .content h2{
  font-size: 14px;
  font-weight: normal;
  margin: 3px 0px;
}
.big-banner .content h3{
  font-size: 22px;
  font-weight: normal; 
  font-style: italic;
  margin: 3px 0px;
}
.big-banner .content  span{
	line-height: 18px;
	display: block;
	text-align: justify;
	margin-top: 10px;
}
.big-banner img{
  margin: 10px auto 0px;
  max-height: 370px;
  max-width: 690px;
  display: block;
}
.big-banner .content > div{
	height: 160px;
	overflow: hidden;
}
-->
</style>

<script type="text/javascript" src="/js/jquery/jquery.slide-content.js"></script>
<script type="text/javascript">

$(function(){
	MAIN.setMenu('home');
	$('.slide').nivoSlider({'directionNav': false});
	$('.slide-content').slideContent({
		width: 690,
		height: 560,
		delay: 5000,
		duration: 1000
	});
});
</script>
<?php end_slot();?>
<!-- <div class="slide-content">
	<?php foreach($data['gallery'] as $g):?>
		<div><a href="<?php echo empty($g['link_url'])?'#':$g['link_url']?>" title="<?php echo $g['name']?>" alt="<?php echo $g['name']?>"><img src="<?php echo $g['photo_url']?>" title="<?php echo $g['name']?>" alt="<?php echo $g['name']?>"/></a></div>
	<?php endforeach;?>
</div> 
<div id="htmlcaption">

</div>-->
<div class="banner-big">
	<div class="slide-content">
		<?php foreach($data['banners'] as $b):
			$os = OsEnvironments::getDataByIdFrontEnd($b[0]['os_environment_id']);
			$href = url_for2('product_detail', array('id' => $b[0]['id'], 'cate_id' => $b[0]['cate_id'], 'title' => UserStringHelper::titleToAddress($b[0]['name'])));
		?>
		<div class="big-banner">
			
			<a href="<?php echo $href?>" title="<?php echo $b[0]['name']?>" alt="<?php echo $b[0]['name']?>"><img title="<?php echo $b[0]['name']?>" alt="<?php echo $b[0]['name']?>" src="<?php echo $b[0]['photo_url']?>"/></a><br/>
			<div class="content">
				<div>
					<h2><?php echo $os['OsEnvironmentsI18n'][$sf_user->getCulture()]['name']?></h2>
					<a href="<?php echo $href?>" title="<?php echo $b[0]['name']?>" alt="<?php echo $b[0]['name']?>"><h1><?php echo $b[0]['name']?></h1></a>
					<h3><?php echo $b[0]['sub_name']?></h3>
					<span><?php echo $b[0]['description']?></span>
				</div>
					</div>
		</div>
		<?php endforeach?>
	</div>
	<div style="clear: both;"></div>
</div>


	